<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Dashboard Layout</title>
        <link rel="stylesheet" href="./index.css">
    </head>

    <body>
        <div class="dashboard-header">
            <div><img src="http://8.138.119.204:8081/static/img/logo1.png" alt=""></div>
            <div>电商平台实时监控系统</div>
            <div class="time">2024-12-21 17:59:20</div>
        </div>
        <div class="dashboard">
            <div class="left">
                <div class="sales-trend">
                    <h2 class="title">地区销量趋</h2>
                    <div class="chart">图表占位符</div>
                    <span class="da"><a href="#">放大</a></span>
                    <!-- <div id="main" style="width: 600px;height:400px;"></div> -->
                </div>
                <div class="sales-trend">
                    <h2>商家销售统计</h2>
                    <div class="chart two">图表占位符</div>
                </div>
            </div>

            <div class="center">
                <div class="sales-trend">
                    <h2>商户分布与销售排行</h2>
                    <div class="chart">
                        <div class="top">
                            图表占位符
                        </div>
                        <div class="bottom">
                            图表占位符
                        </div>
                    </div>
                    <span class="da2"><a href="#">放大</a></span>
                </div>
            </div>
            <div class="left">
                <div class="sales-trend">
                    <h2>热销商品销售金额占比统计</h2>
                    <div class="chart right">图表占位符</div>
                </div>
                <div class="sales-trend">
                    <h2>库存销售量</h2>
                    <div class="chart sales_bottom">图表占位符</div>
                </div>
            </div>

            <div class="top-layer-box">

            </div>

            <script src="./ilb/axios.js"></script>
            <script src="./ilb/echarts.min.js"></script>
            <script src="./ilb/china.js"></script>
            <script src="./ilb/index.js"></script>
        </div>
    </body>

</html>